/*
 判断首页是不是需要登录，如果已经登录，直接显示用户名,不然点击注册
 首先是要修改布局，确定好显示什么样的版块和样式
 */










/*
	朵唯head-top的扫码出现事件 
*/
$(".weixin").mouseenter(function() {
	$(this).children().eq(1).css("display", "block");
})
$(".weixin").mouseleave(function() {
	$(this).children().eq(1).css("display", "none");
})

/***********************************************************************************************************/

/*
	朵唯轮播图事件 
	   	定时器轮播
	 	鼠标的移入和移出的停止轮播图
	 	点击小box 轮播图随之改变
*/
var timer; //定时器名称
var index = 0;
var cWidth = document.body.clientWidth;
//alert(cWidth)
autoPlay();
$(".lbt").mouseenter(function(){
	clearInterval(timer);
})
$(".lbt").mouseleave(function(){
	autoPlay();
})
/*
 	list  li的点击事件
 */
$(".list").on("click","li",function(){
		//	$(this).index()  返回的是元素的索引值
	
	index = $(this).index();
	var x = cWidth * index;
	$(".bigbox").animate({"left": -x});
	for(var i = 0; i < $(".list").children().length; i++) {
		$(".list").children().eq(i).removeClass("active");
	}
	$(this).addClass("active");
})
/*
 	轮播图的自动轮播
 */
function autoPlay(){
	timer = setInterval(function() {
	//$(".bigbox").animate({"left":-cWidth*index});
	index++;
	if(index > 4) {
		$(".bigbox").css("left", 0);
		index = 1;
	}
	var x = cWidth * index;
	$(".bigbox").animate({"left": -x});
	for(var i = 0; i < $(".list").children().length; i++) {
		$(".list").children().eq(i).removeClass("active");
	}
	if(index == 4) {
		$(".list").children().eq(0).addClass("active") ;
	} else {
		$(".list").children().eq(index).addClass("active") ;
	}
}, 2000);
}

/***********************************************************************************************************/

/*
 	二级菜单的动态效果
 	划入  出现 / 划出 消失
 	
*/
var path = "../images/index/"
$(".banner-ul").on("mouseenter",".one",function(){
	//改变背景颜色
	$(this).css("background","#e92a8f");
	$(this).children().eq(1).css("display","block")
})
$(".banner-ul").on("mouseleave",".one",function(){
	//改变背景颜色
	$(this).css("background","rgba(0,0,0,0.4");
	$(this).children().eq(1).css("display","none")
})
$.get("../json/bannner-ul.json",function(data){
	createNode(data);
})
function createNode(arr){
	for(var i=0;i<arr.length;i++){
		var htmlStr = '<dl>'+
							'<dt><a href="#">'+arr[i].classNames +'</a></dt>'+
							'<dd>'+
								'<a href="#">'+arr[i].name[0] +'</a>'+
							'</dd>'+
							'<dd>'+
								'<a href="#">'+arr[i].name[1] +'</a>'+
							'</dd>'+
						'</dl>'+
						'<ul>'+
							'<li>'+
								'<a href="#">'+
									'<dl>'+
										'<dd>'+
											'<img src=" '+path+arr[i].imgSrc[0]+' " width="75" height="75"/>'+
										'</dd>'+
										'<div style="padding-top: 35px;">'+
											'<span class="pro" style="font-size:14px;color: #000000;">'+arr[i].imgTxt[0]+'</span>'+
										'</div>'+
									'</dl>'+
								'</a>'+
							'</li>'+
							'<li>'+
								'<a href="#">'+
									'<dl>'+
										'<dd>'+
										    '<img src="'+path+arr[i].imgSrc[1]+'" width="75" height="75"/>'+
										'</dd>'+
										'<div style="padding-top: 35px;">'+
											'<span class="pro" style="font-size:14px;color: #000000;">'+arr[i].imgTxt[1]+'</span>'+
										'</div>'+
									'</dl>'+
								'</a>'+
							'</li>'+
							'<li>'+
								'<a href="#">'+
									'<dl>'+
										'<dd>'+
											'<img src="'+path+arr[i].imgSrc[2]+'" width="75" height="75"/>'+
										'</dd>'+
										'<div style="padding-top: 35px;">'+
											'<span class="pro" style="font-size:14px;color: #000000;">'+arr[i].imgTxt[2]+'</span>'+
										'</div>'+
									'</dl>'+
								'</a>'+
							'</li>'+
							'<li>'+
								'<a href="#">'+
									'<dl>'+
										'<dd>'+
											'<img src="'+path+arr[i].imgSrc[3]+'" width="75" height="75"/>'+
										'</dd>'+
										'<div style="padding-top: 35px;">'+
											'<span class="pro" style="font-size:14px;color: #000000;">'+arr[i].imgTxt[3]+'</span>'+
										'</div>'+
								'</dl>'+
								'</a>'+
							'</li>'+
						'</ul>';
		$('<li class="one"></li>').html(htmlStr).appendTo($(".banner-ul"));
	
	}
}
/***********************************************************************************************************/

/*
 轮播图下面的三张图片的动态效果	
*/
$(".lbt-bottom").on("mouseenter","img",function(){
	$(this).css("box-shadow","0px 0px 5px 5px #ccc")
})
$(".lbt-bottom").on("mouseleave","img",function(){
	$(this).css("box-shadow","0px 0px #fff")
})

/*
 	ajax 添加phone-one
 */
$.get("../json/phone-one.json",function(data){
	var obj = data[0];
	var arr = obj.one;
	//console.log(arr);
	for(var i=0;i<arr.length;i++){
		var htmlStr = '<a href="#">'+
							'<img src=" '+arr[i].imgSrc+' " width="170" />'+
							'<dl>'+
								'<dt>'+arr[i].dtName+'</dt>'+
								'<dd>'+arr[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="span-bb">￥'+arr[i].price+'</span>'+
						'</a>';
		$('<div class="small-imgs"></div>').html(htmlStr).appendTo($(".phone-aa .phone-imgs-right"));
	}
	var arr1 = obj.two;
	for(var i=0;i<arr1.length;i++){
		var htmlStr = '<a href="#">'+
							'<img src=" '+arr1[i].imgSrc+' " width="170" />'+
							'<dl>'+
								'<dt>'+arr1[i].dtName+'</dt>'+
								'<dd>'+arr1[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="span-bb">￥'+arr1[i].price+'</span>'+
						'</a>';
		$('<div class="small-imgs"></div>').html(htmlStr).appendTo($(".phone-bb .phone-imgs-right"));
	}
	
})


/*
 	ajax 添加parts-img
 */
$.get("../json/phone-one.json",function(data){
	var obj = data[0];
	var arr = obj.part_ones;
	var arr1 = obj.part_twos;
	//console.log(arr);
	for(var i=0;i<arr.length;i++){
		var htmlStr = '<div>'+
							'<a href="#">'+
								'<img src=" '+arr[i].imgSrc+' " alt="" />'+
							'</a>'+
							'<dl>'+
								'<dt>'+arr[i].dtName+'</dt>'+
								'<dd>'+arr[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="bb-span">￥'+arr[i].price+'</span>'+
						'</div>';
		$('<div></div>').html(htmlStr).appendTo($(".img-top .top-bb"));
	}
	for(var i=0;i<arr1.length;i++){
		var htmlStr1 = '<div>'+
							'<a href="#">'+
								'<img src=" '+arr1[i].imgSrc+' " alt="" />'+
							'</a>'+
							'<dl>'+
								'<dt>'+arr1[i].dtName+'</dt>'+
								'<dd>'+arr1[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="bb-span">￥'+arr1[i].price+'</span>'+
						'</div>';
		$('<div></div>').html(htmlStr1).appendTo($(".img-bottom .top-bb"));
	}
	
})



/*
 	ajax 添加boutique-img  女性精品
 */
$.get("../json/phone-one.json",function(data){
	var obj = data[0];
	var arr = obj.boutique;
	//console.log(arr);
	for(var i=0;i<arr.length;i++){
		var htmlStr = '<div>'+
							'<a href="#">'+
								'<img src=" '+arr[i].imgSrc+' " alt="" />'+
							'</a>'+
							'<dl>'+
								'<dt>'+arr[i].dtName+'</dt>'+
								'<dd>'+arr[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="bb-span">￥'+arr[i].price+'</span>'+
						'</div>';
		$('<div></div>').html(htmlStr).appendTo($(".boutique-top .top-bb"));
	}
})

/*
 	ajax 添加jifen-img
 */
$.get("../json/phone-one.json",function(data){
	var obj = data[0];
	var arr = obj.jifen;
	//console.log(arr);
	for(var i=0;i<arr.length;i++){
		var htmlStr = '<div>'+
							'<a href="#">'+
								'<img src=" '+arr[i].imgSrc+' " alt="" />'+
							'</a>'+
							'<dl>'+
								'<dt>'+arr[i].dtName+'</dt>'+
								'<dd>'+arr[i].ddName+'</dd>'+
							'</dl>'+
							'<span class="bb-span">兑换积分:'+arr[i].fen+'</span>'+
						'</div>';
		$('<div></div>').html(htmlStr).appendTo($(".integral-top .top-bb"));
	}
})

/*
 	bigAppBox ul  li 添加阴影效果
 */
$(".mainlist").on("mouseenter","li",function(){
	$(this).css("box-shadow","0px 0px 5px 5px #ccc")
})
$(".mainlist").on("mouseleave","li",function(){
	$(this).css("box-shadow","0px 0px #fff")
})


/*
 	app内容区域 lbt
 */
var t = 0;
$(".appright").click(function(){
	t++;
	var x = (-t*1070)+"px";
	if(t>1){
		t=1;
	}
	$(".mainlist").stop(true,false).animate({"left":x },1000);
})
$(".appleft").click(function(){
	t--;
	var x = (t*1070)+"px";
	if(t<=0){
		t=0;
		$(".mainlist").stop(true,false).animate({"left":0 },1000);
	}else{
		$(".mainlist").css("left","0px");
	}
})


//foot 四个图标 a文字颜色变化

$(".foot-d2").mouseenter(function(){
	$(this).children().eq(0).css("color","lawngreen");
})
$(".foot-d2").mouseleave(function(){
	$(this).children().eq(0).css("color","#ccc");
})
$(".foot-d3").mouseenter(function(){
	$(this).children().eq(0).css("color","orange");
})
$(".foot-d3").mouseleave(function(){
	$(this).children().eq(0).css("color","#ccc");
})
$(".foot-d4").mouseenter(function(){
	$(this).children().eq(0).css("color","deeppink");
})
$(".foot-d4").mouseleave(function(){
	$(this).children().eq(0).css("color","#ccc");
})



//轮播图里面的点击事件
function tiao(){
	location.href="indexs.html"
}
function tiaos(){
	location.href="details.html"
}
/*====================购物车显示的商品总数量=================*/
goodsNum();
function goodsNum(){
	$(".shopnum").html(getGoodsNum());
	$(".shop>a>span").html(getGoodsNum());
}
//获取商品总数量
function getGoodsNum(){
    var jsonStr = getCookie("carData"); 
	var arr = JSON.parse(jsonStr);
	var num=0;
	for(var i=0;i<arr.length;i++){
		num+=arr[i].num;
	}
	return num;
}